<body>
    搞清楚setState是同步还是异步，得先理解这个概念：合成事件 <br/>
    
    <h2>1. 每个li都绑定事件</h2>
    <ul>
        <li onclick="getText(this)">1</li>
        <li onclick="getText(this)">2</li>
        <li onclick="getText(this)">3</li>
        <li onclick="getText(this)">4</li>
        <li onclick="getText(this)">5</li>
    </ul>

    <h2>2. 事件冒泡到最顶层</h2>
    <ul id="text">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</body>


<script>
    
    function getText(element) {
        alert(element.innerHTML + " " + element.textContent)
    }

    document.getElementById("text").onclick = function(event) {
        alert(event.target.innerHTML);
    }

</script>